<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>vue-h5-vw</title>
    <style>
      img {
        content: normal !important;
      }
    </style>
  </head>
  <body>
    <div id="app"></div>
    <!-- built files will be auto injected -->
  </body>
  <script src="//g.alicdn.com/fdilab/lib3rd/viewport-units-buggyfill/0.6.2/??viewport-units-buggyfill.hacks.min.js,viewport-units-buggyfill.min.js"></script>
  <script>
    window.onload = function () {
      window.viewportUnitsBuggyfill.init({ hacks: window.viewportUnitsBuggyfillHacks });
      var winDPI = window.devicePixelRatio;
      var uAgent = window.navigator.userAgent;
      var screenHeight = window.screen.height;
      var screenWidth = window.screen.width;
      var winWidth = window.innerWidth;
      var winHeight = window.innerHeight;

      alert(
        "Windows DPI:" + winDPI +
        ";\ruAgent:" + uAgent +
        ";\rScreen Width:" + screenWidth +
        ";\rScreen Height:" + screenHeight +
        ";\rWindow Width:" + winWidth +
        ";\rWindow Height:" + winHeight
      )
    }
</script>
</html>


